<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript演示</title>
</head>
<body>



<input type="button"  value="开灯" ondblclick="dbOn()">
<img id="myImage" border="0" src="../imgs/off.gif" style="text-align:center;">
<input type="button" value="关灯" ondblclick="dbOff()">
<script>
    function dbOn(){
        // 双击开灯，让img换图片
        console.log("dbOn...");
        // DOM操作
        document.getElementById("myImage").src = "../imgs/on.gif";
    }
    function dbOff(){
        // 双击关灯
        console.log("dbOff...");
        document.getElementById("myImage").src = "../imgs/off.gif";
    }
    // 间隔时间，每个一段做一个事情，漂浮广告，每个1秒，图片换一个位
    // 灯的闪烁的原理，每隔1秒切换图片,偶数次开，奇数关
    var x = 0;
    window.setInterval(function (){
        console.log("1秒到了，换图片啦...");
        if( x%2 == 0){
            dbOn();
        }else{
            dbOff();
        }
        x++;
    },1000);
</script>


<script>

    // function on(){
    //     document.getElementById('myImage').src='../imgs/on.gif';
    // }
    //
    // function off(){
    //     document.getElementById('myImage').src='../imgs/off.gif'
    // }
    // var x = 0;

    // 根据一个变化的数字，产生固定个数的值； 2  x % 2     3   x % 3
    //定时器
    // setInterval(function (){
    //
    //     if(x % 2 == 0){
    //         on();
    //     }else {
    //         off();
    //     }
    //
    //     x ++;
    //
    // },1000);

</script>

</body>
</html>